<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
    
        var obj = {
            name: "zcm",
            age: 19
        }

        // var name = obj.name;
        // var age = obj.age;

        // console.log(name, age);


        //解构赋值：

        //语法： 
        //var {对象中的属性名: 要声明的变量名, 对象中的属性名: 要声明的变量名} = 对象

        // 声明变量，并且将对象中对应的属性值，赋值给变量

        var {name: name1, age: age1} = obj;

        // var {name: name, age: age} = obj;
        // 简写，如果属性和变量同名就可以简写
        // var {name, age} = obj;
        // 用的最多的场景可能就是 ES6中模块化 模块引入的时候了


        //工具箱  

        // var toolbox = {
        //     dianzuan: "电钻",
        //     luosidao: "螺丝刀",
        //     banshou: "扳手",
        //     hamer: "榔头"
        // }

        // var {luosidao} = toolbox;

        // console.log(luosidao);

        // console.log(name1, age1);





        // var arr = [1, 2, 3, 4, 5];

        // var [num1, num2, num4, num5, num6, num7] = arr;

        // console.log(num1, num2, num4, num5, num6, num7);


        // var arr = [[1, 2], 3]

        // var [[num1, num2], num3] = arr;

        // console.log(num1, num2, num3);

    </script>
</body>

</html>